<template>
    <div>
        <h3>这是我的新闻详情组件{{id}}，大家随便看看就好了，不要太在意，因为找不到合适的接口了。</h3>
        <br/>
        <!--评论区域-->
        <comment-box :id = "this.id"></comment-box>
    </div>
</template>

<script>
    // 1. 导入评论子组件
    import comment from '../subcomponents/Comment.vue'

    export default {
        name: "NewsInfo",
        data() {
            return {
                id: this.$route.params.id  //讲URL地址中传递过来的ID值，挂在到data上，方便以后调用。
            }
        },
        created() {

        },
        components: { // 用来注册子组件的节点
            "comment-box": comment

        }
    }
</script>

<style lang="scss" scoped>

</style>